<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>演示js8.1</title>
		<style>
			div{
				border: #0000FF solid 1px;
				margin: 5px;
				height: 150px;
				width: 150px;
				
			}
			.box{
				height: 100px;
				width: 100px;
			}
		</style>
	</head>
	<body>
		<div id="div1" class="box">
			
		</div>
		<div class="box">
			
		</div>
		<div>
			
		</div>
		
		<script type="text/javascript">
			// 获取到指定id的一个html元素对象
			var divOne = document.getElementById("div1");
			console.log(divOne);
			// 若指定的id不存在则返回null
			divOne = document.getElementById("div2");
			console.log(divOne);
			
			// 获取使用指定样式名的所有html元素。
			// 返回类型为HtmlCollection。这是使用html元素组成的数组
			var divTwo = document.getElementsByClassName("box");
			console.log(divTwo);
			// 获取使用指定标签名的所有html元素。
			// 返回类型为HtmlCollection。这是使用html元素组成的数组
			var divThree = document.getElementsByTagName("div");
			console.log(divThree);
		</script>
	</body>
</html>
